@import './size';
@import './mixin';
/*distinction*/

/*latest*/
.latestItem{
width:$_380;
height:$_400;
background:rgba(255,255,255,1);
box-shadow:0px $_8 $_19 1px rgba(0, 0, 0, 0.06);
border-radius:$_4;
margin: $_10;
position: relative;
// margin-bottom: $_20;
.desc{
overflow: hidden;
height: $_106;
padding: $_10 $_10 $_5;
font-size: $_20;
color: #555;
z-index:55;
width: 100%;
position: absolute;
line-height: $_36
}
.price{
    text-align: left;
    padding: 0 $_10 $_10;
    position: absolute;
    width: 100%;
    line-height:$_30; 
    bottom: 0;
}
}
.latestItem:hover .desc{
    height: $_156;
    background: #fff;
    bottom: $_45;
    transition: height 0.1s;
    color: $cmain;
}
.latestItem:hover .price{
}

 .mask{
    background:rgba(0,0,0,0);
    position: absolute;
    bottom: 0;
    width :100%;
    height: 0;
    
}
.recomdInfo{
    position: absolute;
    top: 0
}
.recomdInfo .recomdText{
    display: none
}
.recomdInfo:hover .recomdText{
    z-index: 99;
   @include dfcc
}
.recomdInfo:hover .mask{
    background:rgba(0,0,0,0.55);
    height: 100%;
    transition: height 0.1s;
}

